<%@ page language="java" contentType="text/html; charset=utf-8"
         pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="path" value="${pageContext.request.contextPath }"></c:set>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>RADAR-告警信息</title>
    <link href="${path}/css/style.css" rel="stylesheet" type="text/css">
    <link href="${path}/common/plugins/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="${path}/common/plugins/MyDate97/skin/WdatePicker.css" rel="stylesheet" type="text/css">
    <link href="${path}/common/plugins/dropdownchecklist/ui.dropdownchecklist.css" rel="stylesheet" type="text/css">
    <script src="${path}/js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="${path}/js/user_js.js"></script>
    <script src="${path}/common/plugins/bootstrap/js/bootstrap.js"></script>
    <script src="${path}/common/plugins/MyDate97/WdatePicker.js"></script>
    <script src="${path}/common/plugins/layer/layer.js"></script>
    <script src="${path}/common/plugins/dropdownchecklist/ui.core.js"></script>
    <script src="${path}/common/plugins/dropdownchecklist/ui.dropdownchecklist.js"></script>
    <script src="${path}/js/user_js.js"></script>
    <script src="${path}/js/common.js"></script>
    <style>
        html,body {margin:0;padding:0;}
        body{background:#f1f1f1;height:100%;}
        .level{margin:0 3px;font-weight: bold;line-height:25px;}
        tbody tr{cursor: pointer;}
        #alarmControlpageTitle th:nth-of-type(12){width:380px!important;}
        #alarmControlpageTitle th:nth-of-type(2),#alarmControlpageTitle th:nth-of-type(3){width:82px;}
        #alarmControlpageTitle th:nth-of-type(10),#alarmControlpageTitle th:nth-of-type(11){width:110px!important;}
        #alarmControlpageTitle th:nth-of-type(4),#alarmControlpageTitle th:nth-of-type(5),#alarmControlpageTitle th:nth-of-type(6),#alarmControlpageTitle th:nth-of-type(8),#alarmControlpageTitle th:nth-of-type(9){width:50px!important;}

    </style>
    <script type="text/javascript">
        var basePath = "${path}";
        var insIpStr = "${insIpStr}";
        var level = "${level}";
        var alarmState = "${alarmState}";
    </script>
</head>
<body>
<%--<input id="level" type="hidden" value="${level}"/>--%>
<%--<input id="alarmState" type="hidden" value="${alarmState}"/>--%>
<div class="content">
    <div class="content_detail">
        <div class="control-title">
            <i class="user_manage content_current"></i><span>查询条件</span>
            <div class="spanbtn">
                <button class="press_btn1" onclick="allIgnore(this);"><i class="ignore top_current"></i>忽略</button>
                <button class="press_btn2" onclick="allIgnore(this);"><i class="noignore top_current"></i>取消忽略</button>
            </div>
        </div>
        <div class="content_condition">
            <div class="content_group">
                <div class="span3">
                    <label class="control-label">设备IP:</label>
                    <div class="controls">
                        <select id="insIp">
                            <option value="">请选择</option>
                        </select>
                    </div>
                </div>
                <div class="span3">
                    <label class="control-label">开始时间:</label>
                    <div class="controls">
                        <input id="startTime" type="text" class="Wdate" onFocus="WdatePicker()"/>


                    </div>
                </div>
                <div class="span3">
                    <label class="control-label">结束时间:</label>
                    <div class="controls">
                        <input id="endTime" type="text" class="Wdate" onFocus="WdatePicker()"/>
                    </div>
                </div>
            </div>
            <div class="content_group">
                <div class="span3">
                    <label class="control-label">状态:</label>
                    <div class="controls">
                        <select id="alarm_state">
                            <option value="">请选择</option>
                            <option value="1">已解决</option>
                            <option value="0">未解决</option>
                            <option value="2">已忽略</option>
                        </select>
                    </div>
                </div>
                <div class="span3">
                    <label class="control-label">告警类型:</label>
                    <div class="controls">
                        <select id="alarm_type">
                            <option value="">请选择</option>
                            <option value="0">配置</option>
                            <option value="1">性能</option>
                            <option value="2">容量</option>
                            <option value="3">状态</option>
                            <option value="4">服务</option>
                            <option value="5">进程</option>
                            <option value="6">温度</option>
                            <option value="7">PING</option>
                            <option value="8">数据库</option>
                        </select>
                    </div>
                </div>
                <div class="span4">
                    <label class="control-label">级别:</label>
                    <div class="controls">
                        <input type="checkbox" name="level" value="1"/><span class="level">Critical</span>
                        <input type="checkbox" name="level" value="2"/><span class="level">Error</span>
                        <input type="checkbox" name="level" value="3"/><span class="level">Warning</span>
                    </div>
                </div>
                <div class="span3">
                    <div class="spanbtn">
                        <button id="query" class="press_btn1"><i class="search top_current"></i>查询</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="content_table" id="alarmControl">


        </div>
    </div>
</div>
<script src="js/alarm_msg.js"></script>
</body>
</html>
